<div class="doc-content">



<header class="api-profile-header" >
  <h2 class="md-display-1" >{{currentDoc.name}} API Documentation</h2>
  
</header>



<div layout="row" class="api-options-bar with-icon"></div>


<div class="api-profile-description">
  <p>The md-whiteframe directive allows you to apply an elevation shadow to an element.</p>
<p>The attribute values needs to be a number between 1 and 24 or -1.
When set to -1 no style is applied.</p>
<h3 id="notes">Notes</h3>
<ul>
<li>If there is no value specified it defaults to 4dp.</li>
<li>If the value is not valid it defaults to 4dp.</li>
</ul>

</div>


<div>
  

  

  
  <section class="api-section">
    <h2 id="Usage">Usage</h2>
  
    <hljs lang="html">
<div md-whiteframe="3">
  <span>Elevation of 3dp</span>
</div>
</hljs>

<hljs lang="html">
<div md-whiteframe="-1">
  <span>No elevation shadow applied</span>
</div>
</hljs>

<hljs lang="html">
<div ng-init="elevation = 5" md-whiteframe="{{elevation}}">
  <span>Elevation of 5dp with an interpolated value</span>
</div>
</hljs>
  
  </section>
  
  


  
</div>


</div>
